import styled from 'styled-components';

// 样式被编译为随机哈希类名，如 sc-bdnxRM jvBkjP
const StyledAvatar = styled.img`
  border-radius: 50%;
  width: ${(props) => props.width || '100px'}; /* 支持动态样式 */
  height: ${(props) => props.height || '100px'}; /* 支持动态样式 */
`;

export default function AvatarSC() {
  const userAvartarUrl = "user1"
  return <StyledAvatar src={require(`../../assets/images/avatar/${userAvartarUrl}.jpg`)} width="200px" height="200px" alt="用户头像"/>;
}
